<template>
  <div class="album flex">
    <div class="left">
      <img
        class="songlist_cover"
        :src="songlist.coverImgUrl"
        alt=""
        srcset=""
      />
    </div>
    <div class="right">
      <div class="songlist_name">{{ songlist.name }}</div>
      <div class="songlist_creator">
        {{ songlist.creator.nickname }}
      </div>
    </div>
  </div>
</template>

<script lang="ts">
export default {
  name: 'songlistAside',
}
</script>

<script lang="ts" setup>
import { songListDetail } from '@/api/model/songList'
import { ref, reactive } from 'vue'

const props = defineProps<{ songlist: songListDetail }>()
</script>

<style scoped></style>
